<template>
	<div class="header">
		<span class="left">
			<router-link to="/rig">注册</router-link>
			&nbsp;|&nbsp;
			<router-link to="/login">登录</router-link>
		</span>
		<v-btn class="btnDownload">下载APP</v-btn>
	</div>
</template>

<script>
import VBtn from '../core/btn.vue';
export default {
	components: {
		VBtn
	}
};
</script>

<style lang="scss" scoped>
.header {
	display: fixed;
	height: 100px;
	line-height: 100px;
	left: 0;
	top: 0;
	right: 0;
	color: #666;
	font-size: 32px;
	background-color: #fff;
	background-image: url('~../../../public/img/head-bgimage.jpg');
	background-repeat: no-repeat;
	z-index: 100;
	background-size: auto 70%;
	background-position: 0 20px;
	.left {
		font-size: 28px;
		height: 30px;
		line-height: 30px;
		margin: 17px 0 0 18px;
	}
	.btnDownload {
		float: right;
		font-size: 24px;
		border-width: 0;
		height: 56px;
		line-height: 56px;
		min-width: 120px;
		padding: 0;
		border-radius: 4px;
		margin: 28px 24px 0 0;
		::v-deep .btn{
			padding: 10px 10px;
			color:#fff;
			padding-top: 12px;
		}
	}
}

</style>
